
.cart {
    border: 1px solid blue ;
    width: 80vw;
    margin: auto;
}

.item {
    display: flex;
    border-bottom: 1px solid gray ;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.item .name {
    flex-basis: 40vw;
}

.item .price {
    flex-basis: 12vw;
}

.item .number {
    flex-basis: 12vw;
}

.item .number input {
    width: 20%;
    text-align: center;
}

.item .subtotal {
    flex-basis: 12vw;
}

.settle {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 30px;
    line-height: 24px;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.settle .total {
    flex-basis: 10vw;
    text-align: center;
    border: 1px solid transparent ;
}

.settle .btn {
    flex-basis: 10vw;
    text-align: center;
    border: 1px solid rgb(0, 0, 255) ;
    border-radius: 5px ;
    background: rgb(100, 100, 255);
    color: #fff;
    user-select: none ;
    margin: 0 1vw ;
}

.settle .clear {
    flex-basis: 12vw;
    text-align: center;
    border: 1px solid rgb(0, 0, 255) ;
    border-radius: 5px ;
    background: rgb(100, 100, 255);
    color: #fff;
    user-select: none ;
}